<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>柚子校园</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<meta charset="utf-8" />
<link href="https://cdn.bootcss.com/bootstrap/3.0.1/css/bootstrap.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/bootstrap/3.0.1/js/bootstrap.min.js"></script>
<script>
var wTypeId;
function type(tid) {
	wTypeId = tid;
}
//TODO


</script>
</head>

<body>
	<div class="container">
		<div class="row clearfix">
			<div class="col-md-12 column">
				<div style="margin-top: 100px;margin-bottom: 60px;">
				<table class="list-unstyled" align="center" style="font-size: 20px;">
					<tr style="font-weight: 600;">
						<td><a href="#" onclick="type(0)">所有分类</a>&nbsp;&nbsp;&nbsp;</td>
						<td><a href="#" onclick="type(1)">电子数码</a>&nbsp;&nbsp;&nbsp;</td>
						<td><a href="#" onclick="type(2)">图书教具</a>&nbsp;&nbsp;&nbsp;</td>
						<td><a href="#" onclick="type(3)">衣帽箱包</a>&nbsp;&nbsp;&nbsp;</td>
						<td><a href="#" onclick="type(4)">时尚美妆</a>&nbsp;&nbsp;&nbsp;</td>
						<td><a href="#" onclick="type(5)">运动健身</a>&nbsp;&nbsp;&nbsp;</td>
						<td><a href="#" onclick="type(6)">代步工具</a>&nbsp;&nbsp;&nbsp;</td>
						<td><a href="#" onclick="type(7)">其他商品</a>&nbsp;&nbsp;&nbsp;</td>
					</tr>
				</table>
					</div>
					<div id="">
					<!--商品展示第一行-->
			<table border="1" align="center" class="list-unstyled" >
				<tr>
					
					${pageBean.}
					<th><a href="#"><img src="img\wares\default.png" width="200" height="200"/></a></th>
					
					<th><a href="#"><img src="img\wares\default.png" width="200" height="200"/></a></th>
					
					<th><a href="#"><img src="img\wares\default.png" width="200" height="200"/></a></th>
					
					<th><a href="#"><img src="img\wares\default.png" width="200" height="200"/></a></th>
					
				</tr>
				<tr>
					<td><span style="color: red;font-size: 25px;font-weight:600;">&nbsp;$10000</span>&emsp;&emsp;&emsp;&emsp;<span>热度6000</span></td>
					<td><span style="color: red;font-size: 25px;font-weight:600;">&nbsp;$10000</span>&emsp;&emsp;&emsp;&emsp;<span>热度6000</span></td>
					<td><span style="color: red;font-size: 25px;font-weight:600;">&nbsp;$10000</span>&emsp;&emsp;&emsp;&emsp;<span>热度6000</span></td>
					<td><span style="color: red;font-size: 25px;font-weight:600;">&nbsp;$10000</span>&emsp;&emsp;&emsp;&emsp;<span>热度6000</span></td>
				</tr>
				<tr>
					<td><a href="#" style="font-size: 20px;">二手坦克</a></td>
					<td><a href="#" style="font-size: 20px;">二手坦克</a></td>
					<td><a href="#" style="font-size: 20px;">二手坦克</a></td>
					<td><a href="#" style="font-size: 20px;">二手坦克</a></td>
				</tr>
			</table>
					<br /><br />
					<!--商品展示第二行 -->
			<table border="1" align="center" class="list-unstyled" >
				<tr>
					<th><a href="#"><img src="img\wares\default.png" width="200" height="200"/></a></th>
					<th><a href="#"><img src="img\wares\default.png" width="200" height="200"/></a></th>
					<th><a href="#"><img src="img\wares\default.png" width="200" height="200"/></a></th>
					<th><a href="#"><img src="img\wares\default.png" width="200" height="200"/></a></th>
				</tr>
				<tr>
					<td><span style="color: red;font-size: 25px;font-weight:600;">&nbsp;$10000</span>&emsp;&emsp;&emsp;&emsp;<span>热度6000</span></td>
					<td><span style="color: red;font-size: 25px;font-weight:600;">&nbsp;$10000</span>&emsp;&emsp;&emsp;&emsp;<span>热度6000</span></td>
					<td><span style="color: red;font-size: 25px;font-weight:600;">&nbsp;$10000</span>&emsp;&emsp;&emsp;&emsp;<span>热度6000</span></td>
					<td><span style="color: red;font-size: 25px;font-weight:600;">&nbsp;$10000</span>&emsp;&emsp;&emsp;&emsp;<span>热度6000</span></td>
				</tr>
				<tr>
					<td><a href="#" style="font-size: 20px;">二手坦克</a></td>
					<td><a href="#" style="font-size: 20px;">二手坦克</a></td>
					<td><a href="#" style="font-size: 20px;">二手坦克</a></td>
					<td><a href="#" style="font-size: 20px;">二手坦克</a></td>
				</tr>
			</table>
				<br /><br />
					<!--
                    	商品展示第三行
                    -->
			<table border="1" align="center" class="list-unstyled" >
				<tr>
					<th><a href="#"><img src="img\wares\default.png" width="200" height="200"/></a></th>
					<th><a href="#"><img src="img\wares\default.png" width="200" height="200"/></a></th>
					<th><a href="#"><img src="img\wares\default.png" width="200" height="200"/></a></th>
					<th><a href="#"><img src="img\wares\default.png" width="200" height="200"/></a></th>
				</tr>
				<tr>
					<td><span style="color: red;font-size: 25px;font-weight:600;">&nbsp;$10000</span>&emsp;&emsp;&emsp;&emsp;<span>热度6000</span></td>
					<td><span style="color: red;font-size: 25px;font-weight:600;">&nbsp;$10000</span>&emsp;&emsp;&emsp;&emsp;<span>热度6000</span></td>
					<td><span style="color: red;font-size: 25px;font-weight:600;">&nbsp;$10000</span>&emsp;&emsp;&emsp;&emsp;<span>热度6000</span></td>
					<td><span style="color: red;font-size: 25px;font-weight:600;">&nbsp;$10000</span>&emsp;&emsp;&emsp;&emsp;<span>热度6000</span></td>
				</tr>
				<tr>
					<td><a href="#" style="font-size: 20px;">二手坦克</a></td>
					<td><a href="#" style="font-size: 20px;">二手坦克</a></td>
					<td><a href="#" style="font-size: 20px;">二手坦克</a></td>
					<td><a href="#" style="font-size: 20px;">二手坦克</a></td>
				</tr>
			</table>
				<!--分页信息-->
				<br /><br />
			<div style="font-size: 20px;" align="center"> 
				&emsp;&emsp;&emsp;<a href="#">首页</a>&emsp;&emsp;
				<a href="#">上一页</a>&emsp;&emsp;
				<a href="#">下一页</a>&emsp;&emsp;
				<a href="#">尾页</a>
			</div>
			<br /><br />
			</div>
			<!-- 头部导航栏 -->
				<nav class="navbar navbar-default navbar-inverse navbar-fixed-top"
					role="navigation">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
						<span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="#">首页</a>
				</div>
				<div class="collapse navbar-collapse"
					id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav">
						<li><a href="#">求购物品</a></li>
						<li><a href="#">出售闲置</a></li>
							<ul class="dropdown-menu">
								<li><a href="#">Action</a></li>
								<li><a href="#">Another action</a></li>
								<li><a href="#">Something else here</a></li>
								<li class="divider"></li>
								<li><a href="#">Separated link</a></li>
								<li class="divider"></li>
								<li><a href="#">One more separated link</a></li>
							</ul></li>
					</ul>
					<form class="navbar-form navbar-left" role="search">
						<div class="form-group">
							<input type="text" class="form-control" />
						</div>
						<button type="submit" class="btn btn-default">查找</button>
					</form>
					<ul class="nav navbar-nav navbar-right">
						<li><a href="login.jsp">登录</a></li>
						<li class="dropdown"><a href="#" class="dropdown-toggle"data-toggle="dropdown">注册</a>
							<ul class="dropdown-menu">
								<li><a href="#">Action</a></li>
								<li><a href="#">Another action</a></li>
								<li><a href="#">Something else here</a></li>
								<li class="divider"></li>
								<li><a href="#">Separated link</a></li>
							</ul></li>
					</ul>
				</div>
				</nav>
			</div>
		</div>
	</div>
</body>
</html>
